body {
	width: 100%;
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.5;
	/* background-color: #ccc; */
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #C0C0C0;
}

a {
	text-decoration: none;
}

.app {
	height: 45px;
}

.app ul li {
	height: 45px;
	float: left;
	text-align: center;
	line-height: 45px;
	background-color: #333;
	color: white;
}

.app ul li:nth-child(1) {
	width: 8%;
}

.app ul li:nth-child(1) img {
	width: 10px;
}

.app ul li:nth-child(2) {
	width: 10%;
}

.app ul li:nth-child(2) img {
	width: 25px;
	vertical-align: middle;
}

.app ul li:nth-child(3) {
	width: 57%;
}

.app ul li:nth-child(4) {
	background-color: red;
	width: 25%;
}

.search-wrap {
	width: 100%;
	height: 44px;
	min-width: 320px;
	max-width: 640px;
	overflow: hidden;
	position: fixed;
}

.search-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 44px;
	/* background-color: red; */
}

.search-btn::before {
	content: '';
	display: block;
	width: 20px;
	height: 18px;
	background: url(../images/s-btn.png) no-repeat;
	background-size: 20px 18px;
	margin: 14px 0 0 15px;
}

.search {
	height: 30px;
	background-color: white;
	margin: 7px 50px 0px 50px;
	border-radius: 15px;
	position: relative;
}

.jd-icon {
	height: 15px;
	width: 20px;
	position: absolute;
	top: 8px;
	left: 10px;
	background-image: url(../images/jd.png);
	background-size: 20px 15px;
}

.jd-icon::after {
	content: '';
	display: block;
	width: 1px;
	height: 15px;
	background-color: #ccc;
	position: absolute;
	/*子绝，父亲已有定位，也是绝是可以的*/
	right: -8px;
	top: 0;
}

.sou {
	width: 18px;
	height: 15px;
	position: absolute;
	top: 8px;
	left: 50px;
	background-color: red;
	background: url(../images/jd-sprites.png) no-repeat -81px 0;
	/*精灵图的定位和使用*/
	background-size: 200px auto;
}

.search-login {
	width: 40px;
	height: 44px;
	position: absolute;
	top: 0;
	right: 0;
	color: white;
	line-height: 44px;
}

.slider img {
	width: 100%;
}

.brand div {
	width: 33.33333%;
	float: left;
}

.brand img {
	width: 100%;
}


nav a {
	width: 20%;
	float: left;
	text-align: center;
}

nav img {
	width: 50%;
	margin-top: 10px;
}

nav span {
	display: block;
}

.news a {
	float: left;
}

.news a:nth-child(1) {
	width: 50%;
}

.news a:nth-child(2) {
	width: 25%;
}

.news a:nth-child(3) {
	width: 25%;
}

.news a img {
	width: 100%;
}
